{# src/Pyaf/GymBundle/Resources/views/AdminRutina/new.html.twig #}
{% extends "PyafGymBundle::layout_admin.html.twig" %}

{% block tituloSector %}<i class="icon-edit"></i> Asistencias - Recuperar Clase por Falta {% endblock %}
{% block nombreSector %} Asistencias / Recupera{% endblock %}
{% block dashboardContent %}{% endblock %}
{% block content %}

<div class="container-fluid" id="content-area" style="padding-right: 30px;">
    
    {% if app.session.hasFlash('alertaRecuperaSuccess') %}
        <div class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ app.session.flash('alertaRecuperaSuccess') }}
        </div>
    {% endif %}
    {% if app.session.hasFlash('alertaRecuperaError') %}
        <div class="alert alert-error">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ app.session.flash('alertaRecuperaError') }}
        </div>
    {% endif %}
    
    <div class="row-fluid">
        <div class="span12">
            <div class="box">
                <div class="box-head box-tabs">
                    <ul class="tabs">
                        <li class="active">
                            <a href="#fontawesome" data-toggle="tab">
                                <i class="icon-circle-arrow-down"></i>
                                Calendario Variable
                            </a>
                        </li>
                        <li>
                            <a href="#smileys" data-toggle="tab" id="calendario-fijo">
                                <i class="icon-circle-arrow-down"></i>
                                Calendario Fijo
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="fontawesome">
                            <div class="row-fluid">
                                <div class="span12">
                                    <div id="calendario">Cargando calendario... </div>
                                </div>
                            </div>        
                        </div>
                        <div class="tab-pane" id="smileys">
                            <div class="row-fluid">
                                <div class="span12">
                                    <div id="calendarioFijo">Cargando calendario... </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                    
{% endblock %}      
    
{% block javascripts %}
    <script type='text/javascript'>
        $(document).ready(function() {              
            function showCalendario(data){                
                $('#calendario').load(data);             
            };
            
            showCalendario("{{ path('avisos_calendario_show') }}");  
            
            $('#calendarioFijo').load("{{ path('avisos_calendariofijo_show') }}");
            
        });
    </script>
{% endblock %}    



